<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>天鼎投资·与牛共舞</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="header" class="uf uf-ac">
        <a href="index.html" class="uf-f nav">首页</a>
        <a href="calendar.html" class="uf-f nav">财日历</a>
        <a href="liveVideo.html" class="uf-f nav hot">牛直播</a>
        <a href="achievement.html" class="uf-f nav">晒战绩</a>
        <a href="team.html" class="uf-f nav active">团队介绍</a>
    </div>
    <div id="navigation" class="uf uf-ac uf-pja">
        <a href="team.html" class="nav">企业介绍</a>
        <a href="team_teacher.html" class="nav">名师团队</a>
        <a href="team_product.html" class="nav active">了解产品</a>
        <a href="team_account.html" class="nav">合作账户</a>

    </div>

    <div id="container" class="uf-f u-scroll">
        <!-- 轮播图 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="banner" src="image/static/banner_product1.jpg"></div>
                <div class="swiper-slide"><img class="banner" src="image/static/banner_product2.jpg"></div>
            </div>
            <!--<div class="swiper-pagination"></div>-->
        </div>

        <a href="#" class="product">
            <div class="cline">
                <div class="bb">决胜方案一</div>
            </div>
            <div class="cline title">红牛行家版软件+金牌投资顾问服务</div>
            <div class="cline ub detail">
                <div class="line"></div>
                <div class="detailT">决胜理由：</div>
                <div class="ub-f">超强的诊股、选股、操盘、看盘四大智能指标;策略股票池；消息直播；专项直播</div>
            </div>
        </a>
        <a href="#" class="product">
            <div class="cline">
                <div class="bb">决胜方案二</div>
            </div>
            <div class="cline title">红牛机构版软件+机构股票池+策略分析服务</div>
            <div class="cline ub detail">
                <div class="line"></div>
                <div class="detailT">决胜理由：</div>
                <div class="ub-f">超强的诊股、选股、操盘、看盘四大智能指标;策略股票池；消息直播；专项直播</div>
            </div>
        </a>
        <a href="#" class="product">
            <div class="cline">
                <div class="bb">决胜方案三</div>
            </div>
            <div class="cline title">红牛至尊版软件+机构股票池+首席分析师服务</div>
            <div class="cline ub detail">
                <div class="line"></div>
                <div class="detailT">决胜理由：</div>
                <div class="ub-f">超强的诊股、选股、操盘、看盘四大智能指标;策略股票池；消息直播；专项直播</div>
            </div>
        </a>
        <a href="#" class="product">
            <div class="cline">
                <div class="bb">决胜方案四</div>
            </div>
            <div class="cline title">红牛定制版软件+机构股票池+首席分析师服务</div>
            <div class="cline ub detail">
                <div class="line"></div>
                <div class="detailT">决胜理由：</div>
                <div class="ub-f">超强的诊股、选股、操盘、看盘四大智能指标;策略股票池；机构调研；名师面对面</div>
            </div>
        </a>


    </div>

    <div id="footer" class="uf">
        <a href="index.html" class="uf-f uf uf-ver uf-ac uf-pc active">
            <div class="footIcon"></div>
            资讯</a>
        <a href="liveVideo.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            直播室</a>
        <a href="vip.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            VIP专享</a>
    </div>

</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        swipeInit();
    });

    //轮播图初始化
    function swipeInit() {
        new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',//分页器（小点）
            paginationClickable: true,//分页器是否可点击
            autoplay: 3000,//自动轮播，毫秒数
            autoplayDisableOnInteraction: false,//用户手动操作后，是否停止自动轮播
            loop: true,//环路
            touchRatio: 0.5,//触摸距离与slide滑动距离的比率,默认：1,设置为0.5后slide滑动距离只有触摸距离的一半，降低滑动灵敏度
            lazyLoading: true,//允许图片的懒加载
            lazyLoadingInPrevNext: true,//允许将图片的懒加载应用到最接近的slide的图片（前一个和后一个slide）
            lazyLoadingOnTransitionStart: true,//图片的懒加载在过渡一开始就加载
            observer: true,//当Swiper元素变化时，例如window.resize，Swiper更新
            observeParents: true//当Swiper的父元素变化时，例如window.resize，Swiper更新
        });
    }

</script>
</body>
</html>